<div class="wrap">
        <nav id="nav">
            <div class="logo">
                <img src="" alt="黑鲨科技">
            </div>
            <ul class="nav">
				<li class="nav-item">
				    <a href="#">手机</a>
				    <!-- 二级菜单 S-->
				    <div class="subMenu">
				        <ul class="wrap">
				            <li><a href="#">
									<img class="block" src="https://office-1256119282.file.myqcloud.com/2020/official-web/cdn/20200721/header/img_3pro.png" alt="腾讯黑鲨游戏手机 3S">
									<p>腾讯黑鲨游戏手机 3S</p>
									<p class="new green">新款</p>
								</a>
							</li>
				            <li><a href="#">
									<img id="pic1-2" class="block" src="https://office-1256119282.file.myqcloud.com/2020/official-web/cdn/20200228/header/img_3pro.png" alt="腾讯黑鲨游戏手机 3 pro">
									<p>腾讯黑鲨游戏手机 3 pro</p>
								</a>
							</li>
				            <li><a href="#">
									<img class="block" src="https://office-1256119282.file.myqcloud.com/2020/official-web/cdn/20200228/header/img_3.png" alt="腾讯黑鲨游戏手机 3">
									<p>腾讯黑鲨游戏手机</p>
									<p class="new green"></p>
								</a>
							</li>
				        </ul>
				    </div>
				    <!-- 二级菜单 E-->
				</li>
                <li class="nav-item">
                    <a href="#">外设</a>
                    <!-- 二级菜单 S-->
                    <div class="subMenu">
                        <ul class="wrap">
                            <li><a href="#">
									<img class="block" src="https://office-1256119282.file.myqcloud.com/2020/official-web/cdn/20200228/header/pair.png" alt="">
									<p>游戏手柄-3L</p>
								</a>
							</li>
                            <li><a href="#">
									<img class="block" src="https://office-1256119282.file.myqcloud.com/2020/official-web/cdn/20200228/header/right.png" alt="">
									<p>游戏右手柄 2</p>
								</a>
							</li>
                            <li><a href="#">
									<img class="block" src="https://office-1256119282.file.myqcloud.com/2020/official-web/cdn/20200228/header/keyboard.png" alt="">
									<p>单手机械游戏键盘</p>
								</a>
							</li>
                            <li><a href="#">
                            		<img class="block" src="https://office-1256119282.file.myqcloud.com/2020/official-web/cdn/20200228/header/fan.png" alt="">
                            		<p>冰封散热背夹</p>
                            	</a>
                            </li>
                            <li><a href="#">
                            		<img class="block" src="https://office-1256119282.file.myqcloud.com/2020/official-web/cdn/20200228/header/headset.png" alt="">
                            		<p>蓝牙游戏耳机</p>
                            	</a>
                            </li>
                        </ul>
                    </div>
                    <!-- 二级菜单 E-->                    
                </li>
				<li class="nav-item"><a href="#" >服务</a></li>
                <li class="nav-item"><a href="#">JOYUI</a></li>
				<li class="nav-item"><a href="/html/list.html">商城</a></li>
				<li class="nav-item"><a href="#">社区</a></li>
            </ul>
        </nav>
    </div>